<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery中的排他思想</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <button>点击</button>
  <button>点击</button>
  <button>点击</button>
  <button>点击</button>
  <button>点击</button>
  <button>点击</button>
  <script>
    $(function () {
      //隐式迭代 给全部的按钮绑定事件
      $('button').click(function () {
        //让自己的背景颜色变成粉色
        $(this).css('backgroundColor','pink');
        //让兄弟们的颜色变没
        $(this).siblings().css('backgroundColor','');
      })
    })

  </script>
</body>
</html>